/* 水滴动画 */
@keyframes  waterAnim{
    0% {
        opacity: 0;
        left: -0.2rem;
        top: -.4rem;
    }

    40% {
        opacity: .6;
        left: -0.2rem;
        top: -.4rem;
    }

    50% {
        opacity: 0;
        left: -0.2rem;
        top: -.4rem;
    }

    100% {
        opacity: .0;
        left: -0.2rem;
        top: -.4rem;
    }
}

@keyframes wateringName {
    0% {
        transform: rotate(0deg);
    }

    /* 50% {
                transform: rotate(-60deg);
            } */

    100% {
        transform: rotate(-60deg);
    }
}

/* 浇水*/
.water {
    position: absolute;
    bottom: 30%;
    right: 0;
    opacity: 0;
    width: .6rem;
    z-index: 99;
    /* transform: translate(50%,-50%); */
    .water_img {
        position: relative;

        .shuidi {
            position: absolute;
            width: .18rem;
            transform: rotate(120deg);
            left: -0.2rem;
            top: -.4rem;
            opacity: 0;
        }
    }

    &.watering {
        animation: wateringName 1s linear infinite alternate;

        .water_img .shuidi {
            animation: waterAnim 2s .5s ease infinite normal;
        }
    }
}